<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<div id="myCarousel" class="carousel slide" style="margin-top: 50px;">
	  <ol class="carousel-indicators">
	  	<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
	  	<li data-target="#myCarousel" data-slide-to="1"></li>
	  </ol>
	  <div class="carousel-inner">
		  <div class="item active" style="background-color: #84C1FF">
		  	<img alt="1" src="/blog/static/image/lbt/lb01.jpg">
		  </div>
		  <div class="item" style="background-color:#84C1FF ">
		  	<img alt="2" src="/blog/static/image/lbt/lb02.jpg">
		  </div>
	  </div>
	  
	  <a href="#myCarousel" data-slide="prev" class="carousel-control left"><span class="glyphicon glyphicon-chevron-left"></span></a>
	  <a href="#myCarousel" data-slide="next" class="carousel-control right"><span class="glyphicon glyphicon-chevron-right"></span></a>
  </div>
  <script type="text/javascript">
    $(function(){
	  // 轮播时间
	  $("#myCarousel").carousel({
		  interval : 4000
	  });
	  $('li[name=navs]').each(function(){
			 $(this).click(function(){
				 changeActive(this);
			 });
		 });
  });
  </script>